<html>
<head>
	<!--MOCHAUI-->
	<script type="text/javascript" src="../../../Demo/scripts/mootools-1.3.0-core-nocompat-yc.js"></script>
	<script type="text/javascript" src="../../../Demo/scripts/mootools-1.3.0-more-yc.js"></script>
	<script type="text/javascript" src="../../Core/core.js"></script>
	<script type="text/javascript" src="../../Core/desktop.js"></script>
	<script type="text/javascript" src="../column/column.js"></script>
	<script type="text/javascript" src="../panel/panel.js"></script>
	<script type="text/javascript" src="../taskbar/taskbar.js"></script>
	<script type="text/javascript" src="../window/window.js"></script>
	<script type="text/javascript" src="../window/modal.js"></script>
	<!--MOCHAUI-->
	<script type="text/javascript" src="tabs.js"></script>
	<script type="text/javascript">
		new MUI.Tabs({
			container:'page',
			id:'tabs1',
			element:'page2',
			tabs:[
				{text:'Overview',value:'Overview','element':'page2',url:'../../pages/overview.html'},
				{text:'Download',value:'Download','element':'page2',url:'../../pages/download.html'}
			],
			onTabSelected: function(tab, value, self, e) {
				alert('receieved onTabSelected command on tab ' + value);
			}
		});
		new MUI.Tabs({
			container:'page2',
			id:'tabs2',
			onTabSelected: function(tab, value, self, e) {
				alert('receieved onTabSelected command on tab ' + value);
			}
		});
	</script>
	<link rel="stylesheet" type="text/css" href="../../Themes/default/css/tab.css"/>

</head>

<body>

<div id="page">
	<div>load from json</div>
</div>
<br/><br/>

<div id="page2">
	<div>load from html</div>
	<div class="tabs" id="tabs2">
		<ul class="tabs">
			<li class="selected"><a href="pages/overview.html" title="Overview">Overview</a></li>
			<li><a hreF="pages/download.html" title="Download">Download</a></li>
		</ul>
		<div class="clear"></div>
	</div>
</div>

</body>
</html>